@charset "utf-8";
@import 'common';

// 直角三角形
%title {
    &::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border-width: 20px 10px;
        border-style: solid;
        border-color: #6db6ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6db6ff;
    }

    &::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-width: 20px 10px;
        border-style: solid;
        border-color: #6db6ff #6db6ff transparent transparent;
    }
}

// 直角三角形
@mixin title($border-top: none, $border-bottom: none, $roate: rotateX(180deg)) {
    border-top: $border-top;
    border-bottom: $border-bottom;

    &::before {
        transform: $roate;
    }

    &::after {
        transform: $roate;
    }
}

// 主体内容
.middle {
    width: 900px;
    margin: 45px auto 0;
    margin-top: 45px;
    border-top: 1px solid #6db6ff;
    box-sizing: border-box;
}

// 面包屑
.bread {
    width: 100%;
    position: relative;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 16px;
    font-family: $font;


    // 直角梯形
    .trapezoid {
        position: absolute;
        top: 0;
        left: 0;
        border-width: 30px 20px 0 0;
        border-style: solid;
        border-color: #6db6ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        width: 75px;
        z-index: -1;
    }

    .current {
        color: rgb(255, 255, 255);
    }

    span:nth-child(2) {
        padding: 0 0 0 15px;
    }
}

// 公司简介
.introduction {
    // width: 750px;
    margin: 45px 0 0 20px;

    .name {
        text-align: center;
        margin-bottom: 35px;

        .chinese {
            font-size: 18px;
            font-family: $font;
            margin-bottom: 5px;
        }

        .english {
            font-size: 10px;
            font-family: "Arial";
            color: rgb(0, 0, 0);
            font-weight: bold;
            text-transform: uppercase;
        }

        .line {
            width: 160px;
            height: 0;
            border-top: 1px solid #6db6ff;
            margin: 8px auto 0;
        }
    }

}

// 简介内容
.con {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.item {
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;

    &:nth-child(odd) .title {
        @include title(1px solid #6db6ff, none, none);
    }

    &:nth-child(even) .title {
        @include title(none, 1px solid #6db6ff, rotateX(180deg));
    }

    .title {
        margin: 5px 0 30px;
        position: relative;
        padding: 0 0 7px;
        @extend %title;

        // @include title(1px solid #6db6ff, none, none);

        // 中文
        .cn {
            font-size: 16px;
            font-family: $font;
            margin: 5px 0;
        }

        // 英文
        .en {
            font-size: 9px;
            font-family: "Arial";
            font-weight: bold;
            text-transform: uppercase;
        }
    }

    // 文本
    .txt {
        text-indent: 2em;
        text-align: left;
        font-size: 14px;
        font-family: $font;
        margin-top: 15px;
        line-height: 2;

        ul {
            width: 380px;
            box-sizing: border-box;
            line-height: normal;
            margin: 0 auto;
        }
    }

    .image {
        width: 751px;
        margin: 5px auto 0;

        img {
            width: 100%;
            display: block;
        }
    }
}

// 分页
.paging {
    margin: 25px auto;

    ul {
        display: flex;
        justify-content: center;

        li>a {
            display: block;
            width: 55px;
            font-size: 12px;
            font-family: $font;
            color: rgb(68, 68, 68);
            text-transform: uppercase;
            text-align-last: justify;
            box-sizing: border-box;
            margin-right: 15px;
            // cursor: pointer;
        }
    }

}